.header{
    position: relative;
}
.top-bg{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    min-width: 1200px;
    height: 72px;
    background: hsla(0, 0%, 100%, .26);
    box-shadow: 0 8px 16px 0 rgba(77, 123, 182, .06);
    -webkit-backdrop-filter: blur(50px);
    backdrop-filter: blur(50px);
    z-index: 20;
    display: none;
}
.top-bg-div{
    display: flex;
    align-items: center;
    width: 1200px;
    height: 72px;
    margin: auto;
    justify-content: space-between;
}
.top-bg-left{
    display: flex;
    align-items: center;
}
.top-bg-left .top-bg-logo{
    width: 118px;
    vertical-align: bottom;
}
.top-bg-line{
    width: 0.5px;
    height: 16px;
    background: rgba(0,0,0,.12);
    margin: 0 32px;
}
.top-bg-span{
    font-size: 16px;
    font-weight: 600;
    background: linear-gradient(92deg, #4274eb 1.95%, #7a43df 79.09%, #bd5e93 119.57%, #f28722 150.77%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.top-bg-right{
    cursor: pointer;
    width: 88px;
    vertical-align: top;
}
.top-nav{
    position: absolute;
    top:0;
    left:50%;
    transform: translateX(-50%);
    width: 1200px;
    height:72px;
    margin: 0 auto;
    z-index: 11;
}
.top-nav .left{
    float: left;
    padding-top: 24px;
}
.top-nav .left .logo{
    width: 118px;
    vertical-align: bottom;
}
.top-nav .left .divdier{
    margin: 0 32px;
    font-size: 11px;
    border-right: 1px solid rgba(0,0,0,.12);
}
.top-nav .left .nav-home{
    margin-right: 40px;
    font-weight: 500;
    color: black;
}
.top-nav .left .nav-mobile{
    color: #6c7383;
}
.top-nav .left .phone-inco{
    width: 18px;
    height: 18px;
    vertical-align: bottom;
    margin-bottom: 2px;
}
.top-nav .right{
    float: right;
    padding-top: 20px;
}
.top-nav .right .btn-enter{
    width: 88px;
    height: 32px;
}
.banner{
    position: relative;
    height: 829px;
    overflow: hidden;
    min-width: 1200px;
}
.banner .banner-img-text{
    position: absolute;
    z-index: 1;
    top:155px;
    width: 477px;
    left:50%;
    transform: translateX(-50%);
}

.banner .banner-video{
    position: absolute;
    width: 1920px;/*100%*/
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
.banner .banner-a{
    position: relative;
    z-index: 2;
    margin: auto;
    width: 160px;
    height: 52px;
    border-radius: 25px;
    background: linear-gradient(87deg, #6d82ff, #865cff);
    display: flex;
    align-items: center;
    justify-content: center;
    top: 450px;
}
.banner .banner-a a{
    color: #fff;
    font-size: 20px;
    font-weight: 600;
}

.banner-text{
    position: absolute;
    z-index: 2;
    top: 530px;
    color: #828da4;
    left:50%;
    transform: translateX(-50%);
    font-size: 13px;
}
.banner-text-a{
    color: #828da4;
    font-size: 13px;
}
.banner-ul{
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 0;
    position: relative;
    top: 34px;
}
.banner-li{
    list-style: none;
    color: black;
    font-size: 14px;
    text-align: center;
    margin: 0 20px;
    position: relative;
}
.banner-li-div{
    width: 100px;
    height: 100px;
    background-color: #fff;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 12px;
}
.banner-li-div img{
    width: 40px;
    height: 40px;
}
.banner-li-modle{
    display: none;
    position: absolute;
    top: -214px;
    left: -30px;
    width: 160px;
    height: 214px;
    padding: 12px;
    box-sizing: border-box;
    background: url("/images/背景1.png") no-repeat center;
    background-size: 184px;
}
.banner-li-modle img{
    width: 136px;
}
.banner-li:hover .banner-li-modle {
    display: block;
    cursor: pointer;
}

.desc{
    position: relative;
}
.desc-box{
    width: 100%;
    position: relative;
    min-width: 1200px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    overflow: hidden;
}
.desc-box-video{
    position: absolute;
    display: flex;
    align-items: center;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    width: 1916px;
    overflow: hidden;
    z-index: 0;
}
.desc-box-video video{
    width: 100%;
}
.desc-div1{
    width: 700px;
}
.desc-box-text{
    position: relative;
    z-index: 2;
    margin: auto;
}
.desc-box-text span{
    text-align: left;
}
.desc-box-text-cnt1{
    font-size: 42px;
    font-weight: 600;
    background: linear-gradient(92deg, #4274eb 1.95%, #7a43df 79.09%, #bd5e93 119.57%, #f28722 150.77%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.desc-box-text-cnt2{
    font-size: 32px;
    font-weight: 600;
    background: linear-gradient(92deg, #4274eb 1.95%, #7a43df 79.09%, #bd5e93 119.57%, #f28722 150.77%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.desc-box-text-cnt3{
    display: inline-block;
    font-size: 24px;
    line-height: 40px;
    color: #828da4;
    margin-top: 24px;
    font-weight: 400;
}
.desc-div2{
    width: 800px;
    float: right;
}
.desc-div3{
    width: 900px;
    float: right;
}

.sloution{
    position: relative;
    background: linear-gradient(215deg, hsla(0, 0%, 100%, .46), #ebf3ff);
}
.sloution-box{
    width: 1200px;
    height: 937px;
    margin: auto;
    padding-top: 100px;
    box-sizing: border-box;
}
.sloution-box h3{
    font-size: 40px;
    font-weight: 600;
    color: #26282c;
    text-align: center;
}
.sloution-box-a{
    width: 200px;
    height: 56px;
    margin: 100px auto 0;
    background: linear-gradient(90deg, #4c79ff, #66b3ff);
    border-radius: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
}
.sloution-box .sloution-box-a .sloution-box-a-img{
    width: 20px;
    margin-left: 8px;
    border: none;
    vertical-align: top;
}
.sloution-ul{
    border-bottom: 1px solid rgba(106,127,169,.08);
    display: flex;
    margin-top: 35px;
    padding: 0;
}
.sloution-ul li{
    cursor: pointer;
    line-height: 70px;
    font-size: 18px;
    box-sizing: border-box;
    white-space: nowrap;
    margin-right: 60px;
    list-style: none;
    padding: 0;
}
.sloution-li{
    color: #4380f8;
    font-weight: 500;
    border-bottom: 2px solid #4380f8;
}

.slotion-swiper{
    height: 320px;
    margin-top: 80px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}
.slotion-swiper-box-div{
    opacity: 1;
    width: 1200px;
    height: 320px;
    border-radius: 8px;
    box-sizing: border-box;
    border: 1px solid #ebf3ff;
    background: linear-gradient(99deg,rgba(251,253,255,.6),#fbfdff);
    display: flex;
    overflow: hidden;
}
.slotion-hidden{
    display: none;
}
.slotion-swiper-box-div .slotion-swiper-box-div-img{
    height: 320px;
    border: none;
    vertical-align: top;
}
.slotion-swiper-text{
    width: 620px;
    height: 320px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 50px 0 85px;
    box-sizing: border-box;
}
.slotion-swiper-text h4{
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 12px;
    color: #26282c;
}
.slotion-swiper-text p{
    font-size: 15px;
    font-weight: 400;
    line-height: 26px;
    color: #828da4;
}
.slotion-swiper-box-div-a{
    margin-top: 16px;
    display: inline-block;
    width: auto;
    height: 40px;
    padding: 0 20px;
    font-size: 15px;
    font-weight: 500;
    line-height: 40px;
    color: #26282c;
    border: 1px solid #d7dde8;
    border-radius: 40px;
}
.slotion-swiper-box-div-a-img{
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-left: 4px;
}
.slotion-swiper-text ul{
    margin-top: 8px;
    padding-left: 0;
    display: flex;
    flex-wrap: wrap;
}
.slotion-swiper-text li{
    list-style: none;
    margin-top: 8px;
    margin-right: 8px;
    width: 88px;
    height: 32px;
    box-sizing: border-box;
    border-radius: 4px;
    border: .5px solid #e7e9ed;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.slotion-swiper-text li img{
    max-width: 83px;
    height: auto;
}

.footer{
    background-color: #eff5ff;
    width: 100%;
    min-width: 1200px;
    height: 326px;
    border-top: 1px solid rgba(106, 127, 169, .12);
    position: relative;
}
.footer-about{
    width: 1200px;
    height: 242px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.about1{
    font-size: 14px;
    color: #6c7383;
    font-weight: 400;
}
.about1 span{
    font-size: 15px;
    color: #26282c;
    font-weight: 500;
    margin-right: 20px;
}
.about1 a{
    margin: 10px;
    cursor: pointer;
}
.about1 a:-webkit-any-link{
    text-decoration: none;
    color: inherit;
}
.about2{
    margin: 25px 0;
}
.about1 img{
    width: 20px;
    border: none;
    vertical-align: top;
}
.about-wx{
    position: absolute;
    top: -142px;
    left: -58px;
    width: 136px;
    height: 142px;
    display: none;
    padding: 8px;
    background: url(/images/微信3.png) no-repeat 0 0;
}
.footer-right{
    position: relative;
}
.right-title{
    font-size: 15px;
    font-weight: 600;
    color: #26282c;
    margin-bottom: 12px;
}
.right-txt{
    margin-top: 15px;
}
.right-cnt{
    font-size: 14px;
    font-weight: 400;
    color: #6c7383;
    line-height: 28px;
}
.footer-bottom{
    border-top: 1px solid rgba(106, 127, 169, .08);
    width: 100%;
    min-width: 1200px;
    height: 84px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 13px;
    color: #828da4;
    font-weight: 400;
}